<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="__PUBLIC__/static/css/dataTables/bootstrap.1.10.13.min.css">
    <link rel="stylesheet" href="__PUBLIC__/static/css/dataTables/dataTables.css">
    <link rel="stylesheet" href="__PUBLIC__/static/css/bootstrap/bootstrap.3.3.7.min.css">
    <!-- jQuery -->
    <script type="text/javascript" src="__PUBLIC__/static/js/scripts/jquery-2.1.1.js"></script>

    <!-- DataTables -->
    <script type="text/javascript" charset="utf8" src="__PUBLIC__/static/js/jquery/jquery.dataTables.js"></script>

</head>
<body>









<table id="example" class="stripe" cellspacing="0" width="100%">
    <thead>
    <tr>
        <th>序号</th>
        <th>编号</th>
        <th>名称</th>
        <th>厂家</th>
        <th>规格</th>
        <th>单位</th>
        <th>单价</th>
        <th>数量</th>
        <th>仓库</th>
        <th>时间</th>
        <th>功能</th>
    </tr>

    </thead>
    <tfoot>
    <tr>
        <th>序号</th>
        <th>编号</th>
        <th>名称</th>
        <th>厂家</th>
        <th>规格</th>
        <th>单位</th>
        <th>单价</th>
        <th>数量</th>
        <th>仓库</th>
        <th>时间</th>
        <th>功能</th>
    </tr>
    </tfoot>
    <tbody>


    {volist name="stockpile" id="vo" key="key"}
    <tr>
        <td>{$key}</td>
        <td>{$vo.number}</td>
        <td>{$vo.name}</td>
        <td>{$vo.dimension}</td>
        <td>{$vo.spec}</td>
        <td>{$vo.unit}</td>
        <td>{$vo.price}</td>
        <td>{$vo.quantity}</td>
        <td>{$vo->categorys->name}</td>
        <td>{$vo.update_time}</td>
        <td><a href="{:url('index/stockpile/item?number='.$vo.number)}">查看明细</a></td>
    </tr>
    {/volist}
    </tbody>
</table>


<script type="text/javascript">
    $(document).ready(function() {
        $('#example').DataTable();
    } );
</script>
</body>
</html>